vscode git hexo 配合使用

发表于 | 更新于 | 分类于

概况

安装vscode

安装git客户端

安装nodejs v8

添加nodejs环境变量

通过npm 安装 hexo

下载安装 vscode

https://code.visualstudio.com

下载安装 git

https://git-scm.com/download/win

https://github.com/git-for-windows/git/releases/download/v2.17.1.windows.2/Git-2.17.1.2-64-bit.exe

https://github.com/git-for-windows/git/releases/download/v2.17.1.windows.2/PortableGit-2.17.1.2-64-bit.7z.exe


portable 版本，只需解压，在window环境变量里添加 解压路径\Git\cmd

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
安装版，只需命令行的，安装步骤如下：


选择安装组件：可以全不选，或只选
    桌面浏览（Windows Explorer integration）
        使用Git Bash方式，shell方式

是否创建开始菜单快捷方式目录:否

设置环境，选择使用什么样儿的命令行工具，一般情况我们使用默认配置，使用Git Bash

    Git自带：使用Git自带的Git Bash命令行工具

设置HTTPS 传输加密方式，点击【Next >】

    使用OpenSSL库

选择换行格式，点击【Next >】：下面选第一个

    让Git能够自动转换文件中的换行符：签出到本地时转换为Windows下的换行符，提交到服务器时转换为Unix下的换行符
    让Git在签出到本地时不做转换，保留原始文件的换行符；提交到服务器时转换为Unix下的换行符
    让Git在签出到本地时和提交到服务器时都不做转换

配置Git bash终端仿真器，点击【Next >】：最好选第二个

    使用MinTTY终端
    使用windows默认的命令行

性能配置，是否启用文件系统缓存，点击【Next >】

开始安装

git 环境变量配置

安装成功后需要配置Git环境变量

「注意该步骤为Git在windows cmd命令中配置，如果不配置，直接使用Git Bash即可」

在Path变量中增加：C:\Program Files\Git\cmd

验证是否配置成功，打开windows命令行，输入git version命令，出现下列信息表示配置成功。


git config --global user.name dolphincn
git config --global user.email share2030cn@126.com

下面三行可以不操作

git config --global push.default matching
git config --global core.quotepath false
git config --global core.editor "vim"

添加ssh 密钥

添加github ssh 登陆密钥，

打开cmd，运行mkdir .ssh，

在当前用户的home目录下创建.ssh目录，把密钥复制进去.

密钥可以用ssh-key 或 GitHub上生成，私钥和公钥名字分别为：id_rsa id_rsa.pub

检验是否能连上了github，windows 命令行下运行，前提配置了git环境变量

$ ssh git@github.com

初始化git目录

$ mkdir tmp      //创建推送目录
$ cd tmp         //进入推送目录    
$ git init       //设置该目录为推送
$ touch README   //生成readme
$ git add .      //加入修改的文件
$ git commit -m 'first commit' //递交修改声明
$ git remote add local git@github.com:abcd/tmp.git //将本地local 和github关联
$ git push local master //将本地文件推送到github
$ git pull master local //将github拉到本地

参考：https://www.yiibai.com/git/

下载安装nodejs:

https://nodejs.org/dist/v8.11.3/node-v8.11.3-x64.msi

hexo 在windows 上安装

安装hexo之前必须先安装git nodejs


在本地新建一个Blog文件夹，文件右键，选择Git Bash

创建hexo blog 目录
$ mkdir c:/hexo

打开git命令行输入：

全局安装hexo-cli
$ npm install -g hexo-cli


$ cd c:/hexo

hexo 初始化目录
$ hexo init

在目录中安装 node_modules
$ npm install


部署到github配置

按装本地搜索插件

$ npm install hexo-generator-searchdb --save

打开Hexo 站点的_config.yml,添加配置

search:
    path: search.xml
    field: all
    format: html
    limit: 10000


打开themes/next下的_config.yml,搜索关键字local_search,设置为true

local_search:
    enable: true



安装hexo-deployer-git插件
$ npm install hexo-deployer-git --save

修改hexo本地网站配置文件 _config.yml
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git #部署环境，基于hexo+githubpage,所以这里使用git。注意：不同版本的hexo，type有可能不同，3.x以后应使用git,具体参看官方文档
repository: git@github.com:dolphincn/dolphincn.github.io.git #git仓库地址，替换成你的username即可，其他保持不变，后面会提到如何创建git仓库
branch: master


主题安装

安装主题和渲染器：

$ cd /data/hexo_blog/

$ git clone --depth 1 https://github.com/theme-next/hexo-theme-next themes/next

编辑Hexo目录下的 _config.yml，将theme的值改为next


安装图片浏览器
$ rm -rf themes/next/source/lib/fancybox

$ git clone --depth 1 https://github.com/theme-next/theme-next-fancybox3 themes/next/source/lib/fancybox

编辑next 主题配置文件 _config.yml:

    fancybox: true

安装书签保存插件
$ rm -rf themes/next/source/lib/bookmark
$ git clone --depth 1 https://github.com/theme-next/theme-next-bookmark.git themes/next/source/lib/bookmark

编辑next 主题配置文件 _config.yml:
    bookmark: true



其它插件，如果需要可以安装
# npm install hexo-generator-feed --save
# npm install hexo-generator-sitemap --save    
$ npm install hexo-generator-json-content --save

Hexo 常用命令

Hexo 安装升级

npm install hexo -g #安装  
npm update hexo -g #升级  
hexo init #初始化

常用简写

hexo n "我的博客" == hexo new "我的博客" #新建文章
hexo p == hexo publish
hexo g == hexo generate#生成
hexo s == hexo server #启动服务预览
hexo d == hexo deploy#部署

启动本地服务

hexo server #Hexo #会监视文件变动并自动更新，您无须重启服务器。
hexo server -s #静态模式
hexo server -p 5000 #更改端口
hexo server -i 192.168.1.1 #自定义 IP

监视文件变动

hexo generate #使用 Hexo 生成静态文件快速而且简单
hexo generate --watch #监视文件变动
hexo clean #清除缓存 网页正常情况下可以忽略此条命令

部署

#两个命令的作用是相同的
hexo generate --deploy
hexo deploy --generate
hexo deploy -g
hexo server -g

草稿

# 新建草稿
hexo new draft <title>
# 发布草稿为post
hexo publish draft <title>

模板

hexo new "postName" #新建文章
hexo new page "pageName" #新建页面
hexo generate #生成静态页面至public目录
hexo server #开启预览访问端口（默认端口4000，'ctrl + c'关闭server）
hexo deploy #将.deploy目录部署到GitHub
hexo new [layout] <title>
hexo new photo "My Gallery"
hexo new "Hello World" --lang tw

写作时间

变量    描述
:title    标题
:year    建立的年份（4 位数）
:month    建立的月份（2 位数）
:i_month    建立的月份（去掉开头的零）
:day    建立的日期（2 位数）
:i_day    建立的日期（去掉开头的零）


自定义配置文件的路径

$ hexo --config custom.yml

安全模式,在安全模式下，不会载入插件和脚本。

$ hexo --safe

渲染文件

render

$ hexo render <file1> [file2] ...

参数     描述
-o, --output     设置输出路径

hexo基本命令总结：

每次部署的步骤，可按以下三步来进行：
hexo clean
hexo generate
hexo deploy

命令总结

常用命令：
hexo new "postName" #新建文章
hexo new mylayout "postName" #使用指定的layout模板新建文章
hexo new page "pageName" #新建页面
hexo generate #生成静态页面至public目录
hexo server #开启预览访问端口（默认端口4000，’ctrl + c’关闭server）
hexo server -p 80 -i 192.168.100.1 # 指定服务器端口和ip
hexo deploy #将.deploy目录部署到GitHub
hexo help #查看帮助
hexo version #查看Hexo的版本

复合命令：
hexo deploy -g #生成加部署
hexo server -g #生成加预览
hexo server -s #使用已生成的静态文件预览




命令的简写为：
hexo n == hexo new
hexo g == hexo generate
hexo s == hexo server
hexo d == hexo deploy

备份source源文件

windwos 10 下更新备份重要的文件到 icloud 目录下
1
2
3
4
5
6

# 注意：是按时间来更新备份，所以需要系统时间正常

xcopy "C:\share\hexo\source" "C:\Users\lion\iCloudDrive\hexo_blog\source" /e/c/I/d/r/y
xcopy "C:\share\hexo\scaffolds" "C:\Users\lion\iCloudDrive\hexo_blog\scaffolds" /e/c/I/d/r/y
xcopy "C:\share\hexo\*.yml" "C:\Users\lion\iCloudDrive\hexo_blog" /c/I/d/r/y

参考

https://blog.csdn.net/dietime1943/article/details/71751007